<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Required meta tags-->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="智慧教学平台是一个基于大数据和人工智能的分层分类精准教学个性化、多样化教学平台，通过平台可以把教学重难点转换成闯关游戏，提升学生兴趣，寓教于乐；同时能自动记录学生在上的资源学习记录、答题测试结果以及操作轨迹，并将这些操作痕迹通过大数据和人工智能分析技术转换为学生技术能力的词频统计，并通过词云进行可视化，为教师的精准教学提供参考。 ">
		<meta name="keywords" content=",教学平台,智慧,大数据分析，人工智能，分层分类精准教学">
		<meta name="author" content="Hau Nguyen">
		<link rel="shortcut icon" href="../images/icon/favicon.ico" />
		<!-- Title Page-->
		<title>智慧教学平台(Quxue Intelligent Teaching Platform)</title>

		<!-- Fontfaces CSS-->
		<link href="../css/font-face.css" rel="stylesheet" media="all">
		<link href="../vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
		<link href="../vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
		<link href="../vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

		<!-- Bootstrap CSS-->
		<link href="../vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">
		<link href="../vendor/font-awesome-4.7/css/font-awesome.css" rel="stylesheet" media="all">
		<!-- Vendor CSS-->
		<!-- <link href="../vendor/animsition/anims?ition.min.css" rel="stylesheet" media="all"> -->
		<link href="../vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
		<link href="../vendor/wow/animate.css" rel="stylesheet" media="all">
		<link href="../vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
		<link href="../vendor/slick/slick.css" rel="stylesheet" media="all">
		<link href="../vendor/select2/select2.min.css" rel="stylesheet" media="all">
		<link href="../vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">
		<!-- Main CSS-->
		<link href="../css/theme.css" rel="stylesheet" media="all">
		<link rel="stylesheet" type="text/css" href="../css/boc_con.css" />
		<link rel="stylesheet" type="text/css" href="../css/animte.css" />
		<style type="text/css">
			.title-2{
				width: 30%;
				float: left;
			}
			.select-wrap{
				width: 70%;
				float: right;
			}
			.colorlist {
				position: absolute;
				left: 10px;
				top: 50px;
				list-style: none;z-index: 9999;
			}

			.colorlist li {
				float: left;
				margin-right: 8px;
				width: 16px;
				height: 16px;
				 
				
			}

			.colorlist li:nth-of-type(1) {

				 background-color: #ff0000;
			}

			.colorlist li:nth-of-type(2) {

				background-color: #ffff00;
			}

			.colorlist li:nth-of-type(3) {

				background-color: #c602cd;
			}

			.colorlist li:nth-of-type(4) {

				background-color: #0000ff;
			}

			.colorlist li:nth-of-type(5) {

				background-color: #7e71fe;
			}

			.colorlist li:nth-of-type(6) {

				background-color: #108f03;
			}

			 
		</style>
	</head>

	<body class="animsition">
		<div class="page-wrapper" style=" padding-top: 50px;">
			<!-- HEADER MOBILE-->
			<header class="header-mobile d-block d-lg-none">
				<div class="header-mobile__bar">
					<div class="container-fluid">
						<div class="header-mobile-inner">
							<a class="logo" href="index.html">
								<img src="../images/icon/logo.png" alt="CoolAdmin" />
							</a>
							<button class="hamburger hamburger--slider" type="button">
								<span class="hamburger-box">
									<span class="hamburger-inner"></span>
								</span>
							</button>
						</div>
					</div>
				</div>

			</header>
			<!-- END HEADER MOBILE-->

			<!-- MENU SIDEBAR-->
			<aside class="menu-sidebar d-none d-lg-block">
				<div class="logo">
					<a href="index.html">

						<span><img src="../images/icon/logo.png" alt="Cool Admin" style="" />智慧教学平台</span>
						<span> Quxue Intelligent Teaching Platform</span>
					</a>
				</div>
				<div class="menu-sidebar__content js-scrollbar1">
					<nav class="navbar-sidebar">
						<ul class="list-unstyled navbar__list">
							<li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-desktop"></i>数据处理</a>
								<ul class="list-unstyled navbar__sub-list js-sub-list">
									<li>
										<a href="team.html">团队管理</a>
									</li>
									<li>
										<a href="badge.html">课堂数据</a>
									</li>
									<li>
										<a href="badge.html">教师数据</a>
									</li>

								</ul>
							</li>
							<li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-tachometer-alt"></i>学生管理</a>
								<ul class="list-unstyled navbar__sub-list js-sub-list">
									<li>
										<a href="table.html">
											学生信息管理</a>
									</li>
									<li>
										<a href="form.html">
											班级管理</a>
									</li>
									<li>
										<a href="studataAnaly.html">
											学生数据分析</a>
									</li>


								</ul>
							</li>

							<li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-copy"></i>练习管理</a>
								<ul class="list-unstyled navbar__sub-list js-sub-list">
									<li>
										<a href=" exercise.html">题库管理</a>
									</li>
									<li>
										<a href="task.html">作业管理</a>
									</li>
									<li>
										<a href="test.html">测试管理</a>
									</li>
									<li>
										<a href="dataAnaly.html">数据分析</a>
									</li>

								</ul>
							</li>
							<li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-desktop"></i>游戏管理</a>
								<ul class="list-unstyled navbar__sub-list js-sub-list">
									<li>
										<a href="addgame.html">游戏添加</a>
									</li>

									<li>
										<a href="setgamedot.html">游戏关键点设置</a>
									</li>
									<li>
										<a href="gamedataAnaly.html">查看游戏数据</a>
									</li>


								</ul>
							</li>
							<li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-desktop"></i>问题库管理</a>
								<ul class="list-unstyled navbar__sub-list js-sub-list">
									<li>
										<a href="addquestion.html">添加问题库</a>
									</li>
									<li>
										<a href="checkquestion.html">问题库审核</a>
									</li>
									<li>
										<a href="question.html">问题库管理</a>
									</li>

								</ul>
							</li>


							<!-- <li class="has-sub">
								<a class="js-arrow" href="#">
									<i class="fas fa-desktop"></i>我的空间</a>

							</li> -->
						</ul>
					</nav>

				</div>
			</aside>
			<!-- END MENU SIDEBAR-->

			<!-- PAGE CONTAINER-->
			<div class="page-container">
				<!-- HEADER DESKTOP-->
				<header class="header-desktop">
					<div class="section__content section__content--p30">
						<div class="container-fluid">
							<div class="header-wrap">
								<form class="form-header" action="" method="POST">
									<input class="au-input au-input--xl" type="text" name="search" placeholder="查寻信息" />
									<button class="au-btn--submit" type="submit">
										<i class="zmdi zmdi-search"></i>
									</button>
								</form>
								<div class="header-button">
									<div class="noti-wrap">
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-comment-more"></i>
											<span class="quantity">1</span>

										</div>
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-email"></i>
											<span class="quantity">1</span>

										</div>
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-notifications"></i>
											<span class="quantity">3</span>

										</div>
									</div>
									<div class="account-wrap">
										<div class="account-item clearfix js-item-menu">
											<div class="image">
												<img src="../images/icon/avatar-01.jpg" alt="fyy123" />
											</div>
											<div class="content">
												<a class="js-acc-btn" href="#">fyy123</a>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</header>
				<!-- HEADER DESKTOP-->

				<!-- MAIN CONTENT-->
				<div class="main-content">
					<div class="section__content section__content--p30">
						<div class="container-fluid">
							<div class="row">
								<div class="col-md-12">
									<div class="overview-wrap">
										<h2 class="title-1">基本数据分析</h2>
										<select name="select" id="select-data-style" class="form-control au-btn au-btn-icon au-btn-blue" style="width: 20%;background-color: transparent; float: left;margin-right: 2%; color: #000;  border: none;">
											<option value="0"> <i class="zmdi zmdi-plus"></i>选择分析班级</option>
											<option value="3">软件191 </option>
											<option value="3">软件192 </option>
											<option value="3">软件193 </option>
										</select>
										<select name="select" id="select-data-style2" class="form-control au-btn au-btn-icon au-btn-blue" style="width: 40%; float: left;margin-right: 2%; color: #000;  background-color: transparent; border: none;">
											<option value="0"> <i class="zmdi zmdi-plus"></i>选择分析章节</option>
											<option value="1">项目1</option>
											<option value="2">项目2</option>
											<option value="3">项目3</option>
											<option value="4">项目4 </option>
											<option value="5">项目5</option>
										</select>

									</div>
								</div>
							</div>
							<div class="row m-t-25">
								<div class="col-sm-6 col-lg-3">
									<div class="overview-item overview-item--c1">
										<div class="overview__inner">
											<div class="overview-box clearfix">
												<div class="icon">
													<i class="zmdi zmdi-account-o"></i>
												</div>
												<div class="text">
													<h2>368</h2>
													<span>本周用户登录情况</span>
												</div>
											</div>
											<div class="overview-chart">
												<canvas id="widgetChart1"></canvas>
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6 col-lg-3">
									<div class="overview-item overview-item--c2">
										<div class="overview__inner">
											<div class="overview-box clearfix">
												<div class="icon">
													<i class="fa fa-hand-lizard-o "></i>
												</div>
												<div class="text">
													<h2>8,688</h2>
													<span>本月项目练习变化</span>
												</div>
											</div>
											<div class="overview-chart">
												<canvas id="widgetChart2"></canvas>
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6 col-lg-3">
									<div class="overview-item overview-item--c3">
										<div class="overview__inner">
											<div class="overview-box clearfix">
												<div class="icon">
													<i class="zmdi zmdi-calendar-note"></i>
												</div>
												<div class="text">
													<h2>886</h2>
													<span>本周练习人次</span>
												</div>
											</div>
											<div class="overview-chart">
												<canvas id="widgetChart3"></canvas>
											</div>
										</div>
									</div>
								</div>
								<div class="col-sm-6 col-lg-3">
									<div class="overview-item overview-item--c4">
										<div class="overview__inner">
											<div class="overview-box clearfix">
												<div class="icon">
													<i class="fa fa-pencil"></i>
												</div>
												<div class="text">
													<h2>60,386</h2>
													<span>总学习人次</span>
												</div>
											</div>
											<div class="overview-chart">
												<canvas id="widgetChart4"></canvas>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">

								<div class="col-lg-12">
									<div class="au-card recent-report" style="padding-bottom: 0px;">
										<div class="au-card-inner" style="  padding: 0px;margin-bottom: 0px; position: relative;">
											<div class="clearfix">

												<h3 class="title-2"  >词云状态图(<span id="num1"></span>  /190)

												</h3>
												<div class="select-wrap"   >
												
													<select name="select" id="select-word1" class="form-control au-btn au-btn-icon  " style="width: 30%;  float: left;  color: #000;   ">
														<option value="0"> <i class="zmdi zmdi-plus"></i>请选择班级</option>
														<option value="1" selected>软件191 </option>
														<option value="2">软件192 </option>
														<option value="3">软件193 </option>
													</select>
													<select name="select" id="select-word2" class="form-control au-btn au-btn-icon  " style="width: 28%; float: left;margin-right: 2%; color: #000;    ">
														<option value="0"> <i class="zmdi zmdi-plus"></i>请选择项目</option>
														<option value="1">项目1</option>
														<option value="2">项目2</option>
														<option value="3" selected>项目3</option>
														<option value="4">项目4 </option>
														<option value="5">项目5</option>
													</select>
													<select name="select" id="select-word3"  οnchange="show_sub()" class="form-control au-btn au-btn-icon  "
													 style="width: 38%; float: left;margin-right: 2%; color: #000;  ">
														<option value="0"> <i class="zmdi zmdi-plus"></i>请选择任务</option>
														<option value="1">初探网页结构</option>
														<option value="2">制作页面导航</option>
														<option value="3">规划页面布局</option>
														<option value="4">确定元素位置 </option>
														<option value="5">设计元素背景</option>
														<option value="6">美化页面外观</option>
														<option value="7">设置元素动效</option>
														<option value="8">添加媒体动画</option>
														<option value="9">项目汇报</option>
													</select>
												</div>
												<ul class="colorlist">
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
												 
												</ul>
											</div>
											<div class="chart-info clearfix" style="margin: 0px;">
												<div id="mywordcloud" style="height:560px;   width: 100%;     padding: 0px;">

												</div>
											</div>

										</div>
									</div>
								</div>
								 
							</div>
							<div class="row">

								<div class="col-lg-7">
									<div class="au-card m-b-30">
										<div class="au-card-inner">
											<h3 class="title-2 m-b-40" style="width: 100%; font-size: 14px;">任务课前课后测试成绩对比分析</h3>
											<canvas id="singelBarChart"></canvas>
										</div>

									</div>
								</div>
								<div class="col-lg-5">
									<div class="au-card chart-percent-card">
										<div class="au-card-inner">
											<h3 class="title-2" style="width: 100%;font-size: 14px;">学习目标达成度对比</h3>
											<div class="row no-gutters" style="height:390px;   width: 100%;  padding-top: 20px;   ">
												<canvas id="radarChart8"></canvas>
								
											</div>
										</div>
									</div>
								</div>

							</div>
							<div class="row">
								<div class="col-lg-9">
									<h2 class="title-1 m-b-25" >本周学习排名</h2>
									<div id="weekorder" class="table-responsive table--no-card  " style="width: 100%;">
										<table class="table table-borderless table-striped   table-data" style="width: 100%;  ">
											<thead>
												<tr style="background-color: #333; color: #fff;">
													<th>序号</th>
													<th><a href=""> 姓名</a></th>
													<th>资料学习</th>
													<th>游戏闯关</th>
													<th>属性练习</th>
													<th>测试练习</th>
													<th>问题库</th>
													<th>团队合作</th>
													<th>总分</th>
												</tr>
											</thead>
											<tbody>
												<tr v-for="stu in stuweek">
													<td>{{stu.id}}</td>
													<td>{{stu.N_name}}</td>
													<td>{{stu.material}}</td>
													<td>{{stu.game}}</td>
													<td>{{stu.attribute}}</td>
													<td>{{stu.test}}</td>
													<td>{{stu.problem}}</td>
													<td>{{stu.team}}</td>
													<td>{{stu.material+ stu.game+stu.attribute+stu.test+stu.problem+stu.team}}</td>
												</tr>

											</tbody>
										</table>
									</div>
								</div>
								<div class="col-lg-3">
									<h2 class="title-1 m-b-25">本月排名</h2>
									<div id="monthorder" class="au-card au-card--bg-blue au-card-top-countries m-b-40">
										<div class="au-card-inner">
											<div class="table-responsive">
												<table class="table table-top-countries">

													<tbody>

														<tr v-for="stu in monthorder">
															<td>{{stu.N_name}}</td>
															<td class="text-right">{{stu.all}}</td>
														</tr>

													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-6">
									<div id="askinfo" class="au-card au-card--no-shadow au-card--no-pad m-b-40">
										<div class="au-card-title" style="background-image:url('images/bg-title-01.jpg');">
											<div class="bg-overlay bg-overlay--blue"></div>
											<h3>
												<i class="zmdi zmdi-account-calendar"></i>2021/10/31  学生所提问的问题</h3>
											<button class="au-btn-plus">
												<i class="zmdi zmdi-plus"></i>
											</button>
										</div>
										<div class="au-task js-list-load">
											<div class="au-task__title">
												<p>Ask for 杨恩赐</p>
											</div>
											<div class="au-task-list js-scrollbar3">

												<div class="au-task__item au-task__item--primary" v-for="ask in askinfos">
													<div class="au-task__item-inner">
														<h5 class="task">
															<a href="#">{{ask.content}}</a>
														</h5>
														<span class="time">{{ask.asktime}}</span>
													</div>
												</div>


											</div>
											<div class="au-task__footer">
												<button class="au-btn au-btn-load js-load-btn">more</button>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-6">
									<div class="au-card au-card--no-shadow au-card--no-pad m-b-40" id="usersasks">
										<div class="au-card-title" style="background-image:url('images/bg-title-02.jpg');">
											<div class="bg-overlay bg-overlay--blue"></div>
											<h3>
												<i class="zmdi zmdi-comment-text"></i>最新问题</h3>
											<button class="au-btn-plus">
												<i class="zmdi zmdi-plus"></i>
											</button>
										</div>
										<div class="au-inbox-wrap js-inbox-wrap">
											<div class="au-message js-list-load">
												<div class="au-message__noti">
													<p>你有
														<span>4</span>

														最新问题
													</p>
												</div>
												<div class="au-message-list">
													<div class="au-message__item unread" v-for="ask in userasks">
														<div class="au-message__item-inner">
															<div class="au-message__item-text">
																<div class="avatar-wrap">
																	<div class="avatar">
																		<img :src="ask.img" alt="John Smith">
																	</div>
																</div>
																<div class="text">
																	<h5 class="name">{{ask.username}}</h5>
																	<p>{{ask.content}}</p>
																</div>
															</div>
															<div class="au-message__item-time">
																<span>{{ask.asktime}}</span>
															</div>
														</div>
													</div>

												</div>
												<div class="au-message__footer">
													<button class="au-btn au-btn-load js-load-btn">more</button>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="copyright">
										<p>Copyright &copy; 2022.网页设计与制作课程组 All rights reserved.</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- END MAIN CONTENT-->
				<!-- END PAGE CONTAINER-->
			</div>

		</div>

		<!-- Jquery JS-->
		<script src="../vendor/jquery-3.2.1.min.js"></script>
		<!-- Bootstrap JS-->
		<script src="../vendor/bootstrap-4.1/popper.min.js"></script>
		<script src="../vendor/bootstrap-4.1/bootstrap.min.js"></script>
		<!-- ../vendor JS       -->
		<script src="../vendor/slick/slick.min.js">
		</script>
		<script src="../vendor/wow/wow.min.js"></script>
		<!-- <script src="../vendor/animsition/animsition.min.js"></script> -->
		<script src="../vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
		</script>
		<script src="../vendor/counter-up/jquery.waypoints.min.js"></script>
		<script src="../vendor/counter-up/jquery.counterup.min.js">
		</script>
		<script src="../vendor/circle-progress/circle-progress.min.js"></script>
		<script src="../vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
		<script src="../vendor/chartjs/Chart.bundle.min.js"></script>
		<script type="text/javascript" src="../js/js2wordcloud.js"></script>
		<!-- <script src="../vendor/select2/select2.min.js">
    </script>
 -->
		<!-- Main JS-->
		<script src="../js/main.js"></script>
		
		<script src="../js/vue.min.js"></script>
		<script src="../js/index.js"></script>
		<script type="text/javascript" src="../js/mywordcloud.js"></script>
	</body>

</html>
<!-- end document-->
